<style>
	#myFocusList li{
		margin: 10px 0;background-color: #fff;width: 100%;height: 2rem;
	}
	#myFocusList li .part-left{
		width: 30%;float: left;position: relative;height: 100%;
	}
	#myFocusList li .part-left img{
		position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 80%;height:auto;max-height: 100%;
	}
	#myFocusList li .part-right{
		width: 70%;float:left ;height: 100%;
	}
	#myFocusList li .part-right .title{
		width: 100%;height: 50%;
		text-align: left;padding-top:10%;color:#333;font-weight:800;
	}
	#myFocusList li .part-right .bottom{
		width: 100%;height: 50%;
		
	}
	#myFocusList li .part-right .date{
		width: 85%;height:100%;float: left;
		padding-bottom: 10%;
		align-items:center; display: -webkit-flex;
	}
	#myFocusList li .part-right .operation{
		width: 15%;height:100%;float: left;
		padding-bottom: 10%;
	}
	#myFocusList li .part-right img{
		/*width: 10%;height:100%;float: left;*/
		width:50%;
		
	}
	#myFocusList li {
		transition:transform .3s;transform:translate(0,0);
		-webkit-transition:transform .3s;transform:translate(0,0);
	}
	#myFocusList li.active{
	transform:translate(100%,0);
	-webkit-transform: translate(100%,0);
	
	}
</style>
<div class="any-more-page">
	
	<section class="smart-section">
		<div class="smart-title">
			<a class="smart-left">
				<h2  data-code="CertifiedEnterprise">认证企业</h2>
			</a>
			<a class="smart-right at-active">
				<h2   data-code="IndustryExperts">行业专家</h2>
			</a>
		</div>
		<ul class="smart-content" id="myFocusList">
			<!--<li>
				<div class="part-left">
					<img src="../../../images/img/focus_aliyun.png" alt="" />
				</div>
				<div class="part-right">
					<div class="title">邓天佐</div>
					<div class="bottom">
						<div class="date">2017/9/27</div>
						<div class="operation">
						<img src="../../../images/img/aijia.png" alt="" />
							
						</div>

					</div>
				</div>
			</li>-->
			
		</ul>
	</section>
</div>
